<template>
  <div class="clearfix title-warp">
    <span class="littleColor"></span>
    <span class="title">
      <slot />
    </span>
  </div>
</template>
<script>
export default {
  name: 'CardTitle'
};
</script>
<style lang="less" scoped>
.title-warp{
  margin-left: 10px;
}
.littleColor {
  width: 4px;
  height: 12px;
  background: #008cd6;
  display: inline-block;
  margin-right: 8px;
  margin-left: 0px;
}
.title {
  font-size: 16px;
}
</style>